03 O projeto e sua estrutura

No exercício de infraestrutura obrigatório do capítulo baixamos o projeto alurabank que utilizaremos ao logo deste curso. Nossa aplicação permitirá o cadastro de novas negociações exibindo cada negociação cadastrada para o usuário através de uma tabela. Um escopo pequeno, mas nem por isso menos importante para aprender a linguagem TypeScript. Visualizando sua estrutura do projeto temos:

├── app
│   ├── css
│   │   ├── bootstrap-theme.css
│   │   └── bootstrap.css
│   ├── index.html
│   ├── js
│       ├── controllers
│       ├── helpers
│       ├── models
│       └── views
│   ├── lib
│   │   ├── jquery.min.js
│   │   ├── jquery.min.map
│   │   ├── system-polyfills.js
│   │   ├── system-polyfills.js.map
│   │   ├── system.js
│   │   └── system.js.map

Dentro da pasta alurabank/app/css os arquivos do Bootstrap que utilizaremos para aplicar um visual profissional em nossa aplicação com pouco esforço. Já a pasta alurabank/app/lib possui algumas bibliotecas JavaScript que utilizaremos ao longo do projeto. Por fim, o arquivo alurabank/app/index.html é nossa página de cadastro de negociações que já possui um formulário criado pelo Bootstrap, poupando-nos de termos que digitá-lo.

Como nossa aplicação lida com negociações, nada mais justo do que materializarmos uma negociação em nosso código através de uma classe, assunto do próximo vídeo.